<template>
  <div class="welcome-wrap">
    <div class="wel-container">
      <p class="wel-icon"><i class="el-icon-menu"></i></p>
      <h2 class="welcome-txt">欢迎使用马鞍山大学生人才库</h2>
    </div>
  </div>
</template>

<script>
  import { mapGetters } from 'vuex';
  import EditorDashboard from './editor/index';

  export default {
    name: 'dashboard',
    components: { EditorDashboard },
    data() {
      return {
        currentRole: 'EditorDashboard'
      }
    },
    computed: {
      ...mapGetters([
        'name',
        'avatar',
        'email',
        'introduction'
      ])
    }
  }
</script>

<style rel="stylesheet/scss" lang="scss">
.welcome-wrap{
  background: linear-gradient(to bottom, #97caff , #ffffff);
}
.wel-container{
  width: 500px;
  margin: 0 auto;
  padding: 200px 0;
  color: #409EFF;
  text-align: center;
  .wel-icon{
    margin: 20px 0;
    font-size: 32px;
  }
}
.welcome-txt{
  font-size: 32px;
  color: #409EFF;
}
</style>

